---
title: "Column"
sidebarTitle: "Column"
description: "Display a column that separates content areas vertically in your email. A column needs to be used in combination with a Row component."
"og:image": "https://react.email/static/covers/column.png"
icon: "columns-3"
---

import Support from '/snippets/support.mdx'

## Install

Install component from your command line.

<CodeGroup>

```sh npm
npm install @react-email/components -E

# or get the individual package

npm install @react-email/column -E
```

```sh yarn
yarn add @react-email/components -E

# or get the individual package

yarn add @react-email/column -E
```

```sh pnpm
pnpm add @react-email/components -E

# or get the individual package

pnpm add @react-email/column -E
```

</CodeGroup>

## Getting started

Add the component to your email template. Include styles where needed.

```jsx
import { Column, Row } from "@react-email/components";

const Email = () => {
  return (
    <Row>
      <Column>A</Column>
      <Column>B</Column>
      <Column>C</Column>
    </Row>
  );
};
```

<Support />
